<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>后台登录</title>
<link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/commons.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/login.css}" />
<script th:src="@{/layui/layui.js}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var ctx = '[[${#httpServletRequest.getContextPath()}]]';  
</script>
</head>
<body>
<div class="m-login-bg">
	<div class="m-login">
		<h3>后台系统登录</h3>
		<div class="m-login-warp">
			<form class="layui-form">
				<div class="layui-form-item">
					<input type="text" name="username" required lay-verify="required" placeholder="用户名" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-form-item">
					<input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-form-item m-login-btn">
					<div class="layui-inline">
						<button class="layui-btn layui-btn-normal" lay-submit lay-filter="login">登录</button>
					</div>
					<div class="layui-inline">
						<button type="reset" class="layui-btn layui-btn-primary">取消</button>
					</div>
				</div>
			</form>
		</div>
		<p class="copyright">Copyright 2018-2020 by trek</p>
	</div>
</div>
<script>
layui.use(['form'], function() {
	var form = layui.form,
		layer = layui.layer,
			$ = layui.jquery;
	//监听提交
	form.on('submit(login)', function(data) {
		$.ajax({
			url : ctx+'/sys/login',
			data : data.field ,
			dataType : 'json',
			type : 'post',
			success : function(res){
				if(res.success == false){
					layer.msg(res.msg);
				}else{
					window.location.href = ctx+'/main';
				}
			}
		});
		
		return false;
	});

});
</script>
</body>
</html>